<template>
    <div class="opt_btn">
        <div v-for="(item, index) in list" :key="index" class="btn">{{item.name}}</div>
    </div>
</template>
<script>
export default {
    data() {
        return{
            list:[
                {id:1, name: '新增区域'},
                {id:2, name: '区域明细'},
                {id:3, name: '地理位置'},
                {id:4, name: '导出数据'},
                {id:5, name: '修改'},
                {id:6, name: '删除'}
            ]
        }  
    },
}
</script>
<style lang="scss" scoped>
    .opt_btn{
        display: flex; align-items: center; justify-content: flex-end; height: 50px; padding-right: 10px;
        .btn{
            padding: 0 10px; color: #fff; background-color: #009688; font-size: 12px; line-height: 30px; margin-right: 10px;
        }
    }
</style>